/*
 * @Descripttion: 公共组件样式
 * @Author: pujianguo
 * @Date: 2021-03-11 09:17:11
 */

// loading 需要父组件position: ralative
.kg-loading-box{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  background: $uni-bg-color-mask;
  @include flex-center(column);
  .icon{
    width: 30px;
    height: 30px;
    animation: kg-rotate 1.5s linear infinite;
    .uni-icons{
      color: $uni-text-color-inverse !important;
    }
  }
  .text{
    margin-top: 20rpx;
    color: $uni-text-color-inverse;
}
}
@keyframes kg-rotate{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}

// 空盒子
.kg-empty-box{
  padding: 30rpx;
  @include flex-center(column);
  flex-direction: column;
  .image{
    width: 180rpx;
    height: 120rpx;
  }
  .text{
    margin-top: 20rpx;
    text-align: center;
    color: $uni-text-color-grey;
  }
}
